<!-- Code Designed By Vaibhav Shetye -->
<html>

<head>
	<title>Persequor v7</title>
	
	<!-- Meta data For Search Engine or Other Softwares -->
    <meta name="Author" content="Vaibhav Shetye" />
	<meta name="E-mail" content="vaibhav.shetyeG@gmail.com" />
	
    <!-- Importing External Stylesheet/CSS File -->
    <link rel="stylesheet" type="text/css" href="CSS/persequor.css" />

    <!-- Importing External Javascript Files -->
    <script type="text/javascript" src="JS/loadxml.js"></script>
    <script type="text/javascript" src="JS/auxFunc.js"></script>
    <script type="text/javascript" src="JS/cal.js" ></script>
	<script type="text/javascript" src="JS/engine.js"></script>
    <script type="text/javascript" src="JS/detectEvents.js"></script>
    <script type="text/javascript" src="JS/specialEffects.js"></script>
    <script type="text/javascript" src="JS/storageManager.js"></script>

	<!--<script type="text/javascript" src="gears_init.js"></script>
	<script type="text/javascript" src="storageManager.js"></script> -->

</head>

<body onload="storageManager(0);document.getElementById('newTask').focus();">

<!-- Header -->
<p style="text-align:center">
	<b>PERSEQUOR</b>
	<br>This is a simple implementation of a TO-DO list application
	<br><br><hr><br>
</p>


<p class="center">
<table>
<tr>
	<td>
		<fieldset style="color:red">
			<legend><b>New Task: </b></legend>
			<input type="text" id="newTask" size="30" onmouseover="document.getElementById('newTask').focus()" onkeydown="whenEnter(event)" />&nbsp;
			<input type="button" value=" Add Task" id="push" onmouseup="document.getElementById('newTask').focus()" onclick="addTask()" />
		</fieldset>
	</td><td>
		<fieldset style="color:red">
			<legend><b>Attributes:</b></legend>
			<form name=calform>
            <b style="color:black">Priority:</b>
			<select id="priority">
			<option value="Normal"><b>Normal</b></option>
			<option value="High"><b>High</b></option>
			<option value="Low"><b>Low</b></option>
			<option value="Urgent"><b>Urgent</b></option>
			</select>
			&nbsp;
			<b style="color:black">DeadLine:</b> 
				<input type=text name="datebox" id="datebox" size=15 onclick="javascript:show_calendar('calform.datebox')">    
				<a href="javascript:show_calendar('calform.datebox');"onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;">
                <input type="button" value="Select">
            </a>             
			</fieldset>
		</td></tr>
</table>
</p>

<br><br>&nbsp;&nbsp;<strong>To-Do List:</strong>

<p id="task_list">
<hr>
	<table cellpadding="5" id="tasks" onclick="manuEngine()" onmouseover="onIt()" onmouseout="outIt()">
		<tr>
			<th>Id.</th>
			<th>Task</th>
			<th>Status</th>
			<th>Priority</th>
			<th>Timestamp</th>
			<th>DeadLine</th>
			<th>Click to</th>
			<th>Remove</th>
		<tr>
	</table>
</p>


</body>

<!-- <footer>Credits: Vaibhav Shetye</footer> -->
</html>
